<template>
	<view class="agreement-page">
		<!-- 导航栏 -->
		<view class="nav-bar">
			<view class="back-btn" @click="goBack">
				<text class="back-text">返回</text>
			</view>
			<view class="title">平台协议</view>
			<view class="right-icon">
				<image src="/static/personalCenter/details.png" mode="aspectFill"></image>
			</view>
		</view>

		<!-- 协议内容 -->
		<view class="agreement-content">
			<view class="content-section">
				<view class="section-title">用户协议</view>
				<view class="section-content">
					<view class="paragraph">
						欢迎使用来往拼车平台！在使用我们的服务之前，请您仔细阅读以下协议条款。
					</view>
					
					<view class="paragraph">
						<view class="sub-title">1. 服务说明</view>
						<view class="text">来往拼车是一个为用户提供拼车服务的平台，用户可以通过平台发布或查找拼车信息。</view>
					</view>
					
					<view class="paragraph">
						<view class="sub-title">2. 用户责任</view>
						<view class="text">用户应当遵守相关法律法规，不得利用平台进行违法活动。用户应当提供真实、准确的信息。</view>
					</view>
					
					<view class="paragraph">
						<view class="sub-title">3. 隐私保护</view>
						<view class="text">我们重视用户隐私保护，承诺不会泄露用户个人信息，除非获得用户明确同意或法律要求。</view>
					</view>
					
					<view class="paragraph">
						<view class="sub-title">4. 费用说明</view>
						<view class="text">平台收取的服务费用将明确告知用户，用户应当按照约定支付相应费用。</view>
					</view>
					
					<view class="paragraph">
						<view class="sub-title">5. 免责声明</view>
						<view class="text">平台仅提供信息撮合服务，不承担用户之间的纠纷责任。用户应当自行承担使用服务的风险。</view>
					</view>
					
					<view class="paragraph">
						<view class="sub-title">6. 协议修改</view>
						<view class="text">平台有权根据业务发展需要修改本协议，修改后的协议将在平台公示。</view>
					</view>
					
					<view class="paragraph">
						<view class="sub-title">7. 联系方式</view>
						<view class="text">如有疑问，请联系客服热线或通过在线客服获取帮助。</view>
					</view>
				</view>
			</view>
		</view>

		<!-- 底部操作 -->
		<view class="bottom-actions">
			<view class="action-btn" @click="saveAsImage">
				<text>保存以上内容为图片 ></text>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	methods: {
		// 返回上一页
		goBack() {
			uni.navigateBack()
		},
		
		// 保存为图片
		saveAsImage() {
			uni.showToast({
				title: '功能开发中',
				icon: 'none'
			})
		}
	}
}
</script>

<style lang="scss" scoped>
.agreement-page {
	min-height: 100vh;
	background-color: #f5f5f5;
}

.nav-bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 20rpx 30rpx;
	background-color: #fff;
	border-bottom: 1rpx solid #eee;
}

.back-btn {
	display: flex;
	align-items: center;
}

.back-text {
	color: #ff7937;
	font-size: 28rpx;
}

.title {
	font-size: 36rpx;
	font-weight: bold;
	color: #333;
}

.right-icon image {
	width: 32rpx;
	height: 32rpx;
}

.agreement-content {
	padding: 20rpx;
}

.content-section {
	background-color: #fff;
	border-radius: 16rpx;
	padding: 30rpx;
}

.section-title {
	font-size: 36rpx;
	font-weight: bold;
	color: #333;
	margin-bottom: 30rpx;
	text-align: center;
}

.section-content {
	.paragraph {
		margin-bottom: 30rpx;
		
		&:last-child {
			margin-bottom: 0;
		}
	}
	
	.sub-title {
		font-size: 32rpx;
		font-weight: bold;
		color: #333;
		margin-bottom: 15rpx;
	}
	
	.text {
		font-size: 28rpx;
		color: #666;
		line-height: 1.6;
		text-align: justify;
	}
}

.bottom-actions {
	position: fixed;
	bottom: 40rpx;
	left: 50%;
	transform: translateX(-50%);
}

.action-btn {
	background-color: #f0f0f0;
	border-radius: 8rpx;
	padding: 20rpx 40rpx;
	
	text {
		font-size: 28rpx;
		color: #666;
	}
}
</style> 